/**
 * Minified by jsDelivr using clean-css v5.3.1.
 * Original file: /npm/simple-datatables@7.1.2/dist/style.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
 .datatable-wrapper.no-header .datatable-container{border-top:1px solid #d9d9d9}.datatable-wrapper.no-footer .datatable-container{border-bottom:1px solid #d9d9d9}.datatable-bottom,.datatable-top{padding:8px 10px}.datatable-bottom>div:first-child,.datatable-bottom>nav:first-child,.datatable-top>div:first-child,.datatable-top>nav:first-child{float:left}.datatable-bottom>div:last-child,.datatable-bottom>nav:last-child,.datatable-top>div:last-child,.datatable-top>nav:last-child{float:right}.datatable-selector{padding:6px}.datatable-input{padding:6px 12px}.datatable-info{margin:7px 0}.datatable-pagination ul{margin:0;padding-left:0}.datatable-pagination li{list-style:none;float:left}.datatable-pagination li.datatable-hidden{visibility:hidden}.datatable-pagination a{border:1px solid transparent;float:left;margin-left:2px;padding:6px 12px;position:relative;text-decoration:none;color:#333;cursor:pointer}.datatable-pagination a:hover{background-color:#d9d9d9}.datatable-pagination .datatable-active a,.datatable-pagination .datatable-active a:focus,.datatable-pagination .datatable-active a:hover{background-color:#d9d9d9;cursor:default}.datatable-pagination .datatable-disabled a,.datatable-pagination .datatable-disabled a:focus,.datatable-pagination .datatable-disabled a:hover,.datatable-pagination .datatable-ellipsis a{pointer-events:none;cursor:default}.datatable-pagination .datatable-disabled a,.datatable-pagination .datatable-disabled a:focus,.datatable-pagination .datatable-disabled a:hover{cursor:not-allowed;opacity:.4}.datatable-pagination .datatable-pagination a{font-weight:700}.datatable-table{max-width:100%;width:100%;border-spacing:0;border-collapse:separate}.datatable-table>tbody>tr>td,.datatable-table>tbody>tr>th,.datatable-table>tfoot>tr>td,.datatable-table>tfoot>tr>th,.datatable-table>thead>tr>td,.datatable-table>thead>tr>th{vertical-align:top;padding:8px 10px}.datatable-table>thead>tr>th{vertical-align:bottom;text-align:left;border-bottom:1px solid #d9d9d9}.datatable-table>tfoot>tr>th{vertical-align:bottom;text-align:left;border-top:1px solid #d9d9d9}.datatable-table th{vertical-align:bottom;text-align:left}.datatable-table th a{text-decoration:none;color:inherit}.datatable-filter,.datatable-sorter{display:inline-block;height:100%;position:relative;width:100%}.datatable-sorter::after,.datatable-sorter::before{content:"";height:0;width:0;position:absolute;right:4px;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.2}.datatable-sorter::before{border-top:4px solid #000;bottom:0}.datatable-sorter::after{border-bottom:4px solid #000;border-top:4px solid transparent;top:0}.datatable-ascending .datatable-filter::after,.datatable-ascending .datatable-sorter::after,.datatable-descending .datatable-filter::before,.datatable-descending .datatable-sorter::before{opacity:.6}.datatable-filter::before{content:"";position:absolute;right:4px;opacity:.2;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-radius:50%;border-top:10px solid #000;top:25%}.datatable-filter-active .datatable-filter::before{opacity:.6}.datatable-empty{text-align:center}.datatable-bottom::after,.datatable-top::after{clear:both;content:" ";display:table}table.datatable-table:focus tr.datatable-cursor>td:first-child{border-left:3px #00f solid}table.datatable-table:focus{outline:solid 1px black;outline-offset:-1px}
 /*# sourceMappingURL=/sm/7faebb93ab083e20bf71c693c970b2206a78620f4a20eb890eeaee129d14cd66.map */
 
 
 body {
     background-color: #ededed;
   
   }
   
   .main {
       height: 100vh;
   }
   
    
   .column {
      
       height: 100%;
       padding: 20px; 
      
   }
   .column2 {
      
       height: 100%;
     padding: 5px; 
      
   }
   
    
   
   .header {
       background: linear-gradient(to right, #d04d1c, #f15a22); /* Degradê laranja */
       color: white;
       height: 7vh;
       display: flex;
       justify-content: center;
       align-items: center;
       border-bottom: 1px solid #E6E6FA; /* Borda inferior mais escura */
       box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); /* Adiciona uma sombra abaixo */
       position: relative; /* Adiciona posição relativa para o posicionamento absoluto da imagem */
   }
   
   .header img {
       position: absolute;
       left: 10%; /* Posição à esquerda */
       top: 50%; /* Centraliza verticalmente */
       transform: translateY(-50%);
       width: 150px; /* Largura da imagem (ajuste conforme necessário) */
       height: auto; /* Altura automática para manter a proporção */
   }
   
   .header h1 {
       font-size: 30px; /* Tamanho da fonte */
       font-weight: bold; /* Negrito */
       text-align: center; /* Alinhamento central */
   }
   
   .row-content-1 {
       height: 82vh; /* 100px é a altura do cabeçalho */
    
       
   }
   .row-content-2 {
       height: 82vh; /* 100px é a altura do cabeçalho */
       width : 100%
   }
   .orange-row, .principal-row {
       background-color: white; /* Tom mais claro de laranja */
       margin-bottom: 10px;
       border-radius: 5px; /* Bordas arredondadas */
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra */
       display: flex;
       justify-content: center; /* Centralizar horizontalmente */
       align-items: center; /* Centralizar verticalmente */
       width: 98%; /* Largura de 98% */
       padding: 20px; /* Padding de 20px em todas as direções */
       margin-left: auto; /* Centralizar na horizontal */
       margin-right: auto; /* Centralizar na horizontal */
       height: 80px;
       cursor: pointer; /* Adiciona um cursor de ponteiro ao passar o mouse */
       transition: background-color 0.3s ease; /* Adiciona uma transição suave de cor de fundo */
       overflow: hidden; /* Oculta o conteúdo que extrapola as dimensões da caixa */
   }
   
   
   
   
   .orange-row2  {
       background-color: #E6E6FA !important; 
   
   }
   
    .principal-row {
     padding:5px;
   padding: 0px !important;
    height: 43vh;
    width:98%;
   
    }
   
   .card-principal {
   padding: 0px !important;
   
   }
   
   .orange-row p {
       font-size: 18px; /* Reduz o tamanho da fonte */
       color: black; /* Cor preta */
   }
   
   .footer {
       background-color: #f7c48b; /* Cor de fundo laranja */
       height: 3vh; /* Altura de 3% da altura da janela de visualização */
       display: flex;
       justify-content: center; /* Centralizar horizontalmente */
       align-items: center; /* Centralizar verticalmente */
       font-family: sans-serif; /* Usando uma fonte sans-serif padrão */
       font-weight: bold; /* Texto em negrito */
       color: orange; /* Cor laranja */
       border-top: 2px solid #f7c48b; /* Adiciona uma borda na parte superior */
   }
   
   
   .container svg {
         width: 100%; /* Faz com que o SVG preencha toda a largura da div */
         height: 100%; /* Faz com que o SVG preencha toda a altura da div */
       }
   
   
   .card3 {
   
   height: 38vh !important;
   
   }
   
   .full-all {
       width : '100%' !important;
       height : "100%"  !important;
       padding : 0px !important ;
   }
   
   .border {
   
       border: solid 2px  !important ;
   }
   
   .border-red {
   
       border: solid 2px red  !important ;
   }
   
   
   .chart {
       width: 92%;
       height: 100%;
   }
   
   
   .button-save {
     display: flex;
     align-items: center;
     margin-left: 10px;
     padding: 10px;
     border: none;
     background-color: #fc8b61; /* Cor inicial */
     color: white;
     cursor: pointer;
     border-radius: 5px;
   }
   
   .button-save:hover {
     background-color: #ff9c74; /* Cor laranja para o estado hover */
   }
   
     .header-buttons {
         display: flex;
         gap: 10px;
         margin-left: auto;
          
       }
    
      .header-content {
         flex: 1;
         text-align: center;
       }